<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>图书登录注册页面</title>
  <!-- 引入css样式文件 -->
  <link rel="stylesheet" href="../CSS/style.css">
</head>

<body>

  <div class="totalBox">
    <!-- 注册 -->
    <div class="enroll-totalBox">

      <form action="#" class="userEnroll">
        <h1>用户注册</h1>
        <input type="text" placeholder="用户名" class="userName">
        <i class="a">请输入至少4个英文字母作为你的用户名</i>

        <input type="email" placeholder="邮箱" class="email">
        <i class="a">请输入邮箱</i>

        <input type="password" placeholder="密码" class="password">
        <i class="a">请输入8~16位的密码包含字母、数字、字符</i>

        <input type="password" placeholder="确认密码" class="password1">
        <i class="a"></i>

        <button class="goCaptcha">发送验证码</button>
        <input type="text" placeholder="验证码" class="captcha">
        <i class="a"></i>
        <button class="form-enroll">注册</button>

      </form>
    </div>

    <!-- 登录 -->
    <div class="login-totalBox">

      <form action="#">
        <h1>用户登录</h1>
        <input type="text" placeholder="用户名" class="userName1">
        <i class="a"></i>
        <input type="password" placeholder="密码" class="password">
        <i class="a"></i>
        <span><a href="../HTML/forgetPasswrod.html">忘记密码</a></span>
        <button class="form-login">登录</button>
      </form>
    </div>

    <!-- 侧边内容 -->
    <div class="sideContent-totalBox">
      <div class="side">
        <div class="left-side side-content">
          <h1>有账号吗？</h1>
          <p>如果有账号的话点击登录自己的账号吧</p>
          <button class="goLogin btn">登录</button>
        </div>
        <div class="right-side side-content">
          <h1>有账号吗？</h1>
          <p>如果没有账号就点击注册一个吧</p>
          <button class="goEnroll btn">注册</button>
        </div>
      </div>
    </div>
  </div>
</body>
<!-- 引入Javascript文件 -->
<script src="../JavaScript/index.js"></script>

</html>